<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>REGISTRATION</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css\Master.css" type="text/css" />


<!--   <script language="javascript">
function validate() {
    var chks = document.getElementsByName('id[][]');
    var hasChecked = false;
    for (var i = 0; i < chks.length; i++) {
        if (chks[i].checked) {
            hasChecked = true;
            break;
        }
    }
    if (hasChecked == false) {
        alert("Please select at least one.");
        return false;
    }
    return true;
}
</script>
<script>
function ValidateEmail(){
var emailID=document.frm.txtEmail

if ((emailID.value==null)||(emailID.value=="")){
alert("Please Enter your Email Address")
emailID.focus()
return false
}
if (emailcheck(emailID.value)==false){
emailID.value=""
emailID.focus()
return false
}
return true
}
</script> -->

<!--   <script>
	function validateForm() {
		if (document.frm.name.value == "") {
			alert("Name should be left blank");
			document.frm.name.focus();
			return false;
		} else if (document.frm.image.value == "") {
			alert("image should be left blank");
			document.frm.image.focus();
			return false;
		} else if (document.frm.address.value == "") {
			alert("Address should be left blank");
			document.frm.address.focus();
			return false;
		} else if (document.frm.mob.value == "") {
			alert("Mobile number should be left blank");
			document.frm.mob.focus();
			return false;
		} else if (document.frm.paid.value == "") {
			alert("Paid Fee should be left blank");
			document.frm.paid.focus();
			return false;
		}
	}
</script>-->
<script type="text/javascript">
	$empty = "Empty Field";//error message for Empty field
	$nameerr = "Inavalid Name";//Error message for Name field
	$gendererr = "Choose Gender";//Error message for Gender field
	$emailerr = "Invalid Email";//Error message for Email field
	$numbererr = "Invalid Number";//Error message for Number field
	$passworderr = "Password Mismatch";//Error message for Password Field
	$termserr = "Required";//Error message for terms checkbox
</script>

<script type="text/javascript" src="jquery-validator/jquery.js"></script>
<script type="text/javascript" src="jquery-validator/password.js"></script>
<script type="text/javascript" src="jquery-validator/valid.js"></script>


</head>
<body>
	<form
		action="http://localhost:8080/Enquary_Management_System/RegistrationInsertion"
		method="post" name="form">
		<!--  <table width=800px align="center" cellspacing='0' cellpadding=0>
			<tr>
				<td width=800px align="center" colspan="2"><img alt="" src="images\header.jpg"></td>
				<td></td>
			</tr>
			<tr>
				<td colspan="2" bgcolor="blue"> 

<input type=hidden name=arav value="5*#*#*1*#*#*1*#*#*1*#*#*1*#*#*1"><ul id='nav'>
<li> <a href='#'>Home</a>

<li> <a href='#'>About Us</a>

<li> <a href='#'>Course</a>
<ul>
<li style='background-color:#b0c4de;'><a href=Advance Java/J2EE>Core Java/J2SE</a></li>
</ul>
<li> <a href='#'>Registration</a>

<li> <a href='Login.jsp'>Login</a>

</li>
</ul>
</td>
			
			</tr></table> -->



		<table align='center' class="tablefield" cellspacing='0' cellpadding=0>
			<tr>
				<td colspan=2><div class="pop_title">&nbsp;&nbsp;&nbsp;Registration
						Form</div></td>
			</tr>
			<tr>
				<td>
					<div id='success'>
						<table align=center class="innertable" cellspacing='3'>
							<tr>
								<td colspan=2 align=left class="registerfrm"><b>Personal
										Details</b>
									<hr></td>
							</tr>
							<tr>
								<td>First Name</td>
								<td><input type='text' name='fname' id='fname'
									class="pop_txt" />&nbsp;<span class="fnamespanimgg"></span> <br>
									<span id='fnamespan' class=spn></span></td>
								<td rowspan="5" align="left" valign="top" width="15%" height=""><input
									align="left" width="100px" type="image" name="image"><br>
									<input type="file" name="image" onclick="storeImage(this.form)"></td>
							</tr>

							<tr>
								<td>Last Name</td>
								<td><input type='text' name='lname' id='lname'
									class="pop_txt">&nbsp;<span class="lnamespanimgg"></span><br>
									<span id='lnamespan' class=spn></span></td>
							</tr>
							<tr>
								<td align="left">Address</td>
								<td><input type="text" name="address" class="pop_txt"></td>
							</tr>

							<tr>
								<td>State</td>
								<td><select name='state' style='width: 144px;'
									class="pop_txt"><option>Select State</option>
										<option value="Bihar">Bihar</option>
										<option value="UP">Up</option>
										<option value="Karnataka">Karnataka</option>

								</select></td>
							</tr>

							<tr>
								<td>City</td>
								<td><select name="city" style='width: 144px;'
									class="pop_txt">
										<option>Select City</option>
										<option value="Chapra">Chapra</option>
										<option value="Siwan">Siwan</option>
										<option value="Patna">Patna</option>
										<option value="Banglore">Banglore</option>
										<option value="Gopalganj">Gopalganj</option>
								</select></td>
							</tr>
							<tr>
								<td>District</td>
								<td><select name="district" style='width: 144px;'
									class="pop_txt">
										<option>Select District</option>
										<option value="Chapra">Chapra</option>
										<option value="Siwan">Siwan</option>
										<option value="Patna">Patna</option>
										<option value="Bangalore">Banglore</option>
										<option value="Gopalganj">Gopalganj</option>
								</select></td>
							</tr>
							<tr>
								<td>Zip code</td>
								<td><input type="text" name="zip" class="pop_txt" ></td>
							</tr>
							<tr>
								<td>Mobile No</td>
								<td><input type='text' name='cellno' id='cellno'
									class="pop_txt" maxlength="10" />&nbsp;<span
									class="cellnospanimgg"></span><br> <span id='cellnospan'
									class=spn></span></td>
							</tr>
							<tr>
								<td>Email</td>
								<td><input type='text' name='email' id='email'
									class="pop_txt" />&nbsp;<span class="emailspanimgg"></span> <br>
									<span id='emailspan' class=spn></span></td>
							</tr>
							
							<tr>
								<td>Gender</td>
								<td><select id='gender' style='width: 144px;'
									class="pop_txt"><option>Choose Gender</option>
										<option>Male</option>
										<option>Female</option></select>&nbsp;<span class="genderspanimgg"></span><br>
									<span id='genderspan' class=spn></span></td>
							</tr>

							<tr>
								<td>Course</td>
								<td><select name="course" style='width: 144px;' class="pop_txt">
										<option>Select Course</option>
										<option value="Java">Java</option>
										<option value="J2SE">J2SE</option>
										<option value="Android">Android</option>

								</select></td>

							</tr>
							<tr>
								<td>Course Fee</td>
								<td><input type="text" name="course_fee" class="pop_txt"></td>
							</tr>
							<tr>
								<td align="left">paid</td>
								<td><input type="text" name="paid" class="pop_txt"></td>
							</tr>
							<tr>
								<td align="left">How do u know about felight:</td>
								<td colspan="2"><input type="checkbox" name="chk"
									value="Hording">Hording<br> <input type="checkbox"
									name="chk" value="Google">Google<br> <input
									type="checkbox" name="chk" value="Television">Television<br>
									<input type="checkbox" name="chk" value="Friend">Friend<br>


								</td>
							</tr>


							<tr>
								<td colspan=2 align=left class="registerfrm"><b><br>Authentication
										Details</b>
									<hr></td>
							</tr>
							<tr>
								<td align="left">Username</td>
								<td><input type='text' name='user' id='user'
									class="pop_txt" maxlength="15" />&nbsp;&nbsp;<span
									class="userspanimgg"></span> <br> <span id='userspan'
									class=spn></span></td>
							</tr>
							<tr>
								<td align="left">Password
									<div id="capss" class="capps">Caps Lock is on.</div>
								</td>
								<td><input type='password' name='pass' id='pass'
									class="pop_txt" maxlength="15" onkeypress="capLock(event)"
									onkeyup='CheckPasswordStrength(this.value);' /> &nbsp;<span
									class="passspanimgg"></span> <br>
									<div id='pwd_strength'
										style="border: 0px solid #dcdcdc; width: 140px; height: 5px; margin-top: 2px; background-color: pink;"></div>
									<span id='passspan' class=spn></span></td>
							</tr>
							<tr>
								<td align="left">Re-type Password</td>
								<td><input type='password' name='reg_repassword' id='repas'
									class="pop_txt" /> &nbsp;<span class="repasspanimgg"></span> <br>
									<span id='repasspan' class=spn></span></td>
							</tr>
							<tr>
								<td colspan='2' align='left'><br> <input id="terms"
									type="checkbox" name="terms">I accept that terms &nbsp;<span
									class="termsspanimgg"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
									id='termsspan' class=spn></span><br> <br>
									<center>
										<input type="submit" value="Submit" name="register"
											class="pop_but">


									</center></td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>